<%inherit file="./base.html" />
<%def name="css()">
input#q {line-height:40px;height:42px;width:398px;margin:5px 0;font:25px "Comic Sans MS",Arial,Helvetica,sans-serif;border-radius:10px;border:3px solid silver;}
input.submit-btn {height:49px;width:49px;font-family:Tahoma;margin:0;font-size:30px;}
div.srch-box {height:60px;position:relative;text-align:center;}
.logo {overflow:hidden;margin-top:10%;text-align:center;}
##body {background:url('/static/img/rabbit.jpg') no-repeat 20% 36% fixed;}
</%def>

<%def name="mbody()">

<div class="logo">
    <img src="/static/img/rabbit.jpg" />
</div>
<div class="srch-box">
    <form action="/search">
        <input type="text" name="q" id="q" placeholder="Type something…">
        <input type="submit" value=">" class="submit-btn btn-primary">
    </form>
</div>
</%def>
